/*for scenicList*/
.scenicList{
  position: relative;
  padding-top: 1.4rem;
  .fixBox{
    position: fixed;
    top: 0.5rem;
    left: 0;
    background: #fff;
    padding-bottom: 0.1rem;
    z-index: 333;
    .headline{
      width: 3.75rem;height: 0.8rem;position: relative;
      img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
      hgroup{position: absolute;z-index: 2;color: #fff;text-align: left;padding: 0.1rem 0 0 0.2rem;}
    }

  }
  .scrollBox{
    height: 70vh;
    position: relative;
    .yo-scroll{margin-top: -0.5rem;}
    .spotItem{
      width: 3.75rem;
      .spotLis{
        width: 3.75rem;height: 0.5rem;overflow: hidden;color: #666;position: relative;padding: 0.15rem 0.25rem;border-bottom: 1px solid #fff;
        background: -webkit-linear-gradient(#dad8d8, #fff); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(#dad8d8, #fff); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(#dad8d8, #fff); /* Firefox 3.6 - 15 */
        background: linear-gradient(#dad8d8, #fff); /* 标准的语法 */
        // img{width: 100%;height: 100%;}
        .spotTitle{
          overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;text-align: center;
          font-weight: bold;font-size: 0.16rem;
        }
      }
    }
  }
}